// pages/class/detail/detail.js
import DetailApi from '../../../utils/api/detail'
const request = new DetailApi()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    arr: [
      {
        id: 1,
        chapter: '第一章',
        desc: '架子鼓的发展史，学架子鼓架子鼓的发展史架子鼓的发学架子鼓架子鼓的发展史架子鼓的发',
        price: 496
      },
      {
        id: 2,
        chapter: '第一章',
        desc: '架子鼓的发展史，学架子鼓架子鼓的发展史架子鼓的发',
        price: 496
      }
    ],
    currentIndex: 0,
    top: 800,
    videoSrc: '',
    itemDetail: null,
    videoCover: '',
    videoSrc: ''
  },
  chapterTap(e) {
    let id = e.detail.id
    console.log(e)
    let arr = this.data.itemDetail.courseChapter
    this.setData({
      currentIndex: e.currentTarget.dataset.currentindex
    })
    let fIndex = arr.findIndex((item,index) => {
      return item.id === id
    })
    console.log(fIndex)
    let cover = arr[fIndex].chapter_video_cover
    let src = arr[fIndex].chapter_video_url
    this.setData({
      videoCover: cover,
      videoSrc: src
    })
  },
  viewAllReply(e) {
    this.setData({
      top: 0
    })
  },
  close() {
    this.setData({
      top: 800
    })
  },
  buyNow() {
    wx.navigateTo({
      url: './../home/home'
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(options)
    if (options.id) {
      this._getItemDetail(options.id)
    }
  },
  _getItemDetail(course_id) {
    let arr = ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十']
    request.getItemDetail(course_id)
      .then(res => {
        console.log(res)
        res.courseChapter.forEach((item,index) => {
          item.chapter_price = parseInt(item.chapter_price)
          item.chapter = `第${arr[index]}章`
        })
        this.setData({
          itemDetail: res,
          videoCover: res.courseChapter[0].chapter_video_cover,
          videoSrc: res.courseChapter[0].chapter_video_url
        })
      })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})